<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<head>
<link rel="stylesheet" type="text/css" href="layout.css">

<title>That's all folks! Festival</title>

<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<script type="text/javascript" src="http://athena.fhict.nl/users/i255541/misc/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="http://athena.fhict.nl/users/i255541/misc/jquery-ui-1.8.18.custom.min.js"></script>
<script type="text/javascript">


	$(document).ready(function(){
   	  $(".login").mouseover(function(){
	    $(".login").attr("src", "login1.png");
	});
	  $(".login").mouseleave(function(){
	    $(".login").attr("src", "login.png");
	 });
	});

	$(document).ready(function(){
   	  $(".home").mouseover(function(){
	    $(".home").attr("src", "home1.png");
	});
	  $(".home").mouseleave(function(){
	    $(".home").attr("src", "home.png");
	 });
	});

	$(document).ready(function(){
   	  $(".news").mouseover(function(){
	    $(".news").attr("src", "news1.png");
	});
	  $(".news").mouseleave(function(){
	    $(".news").attr("src", "news.png");
	  });
	});

	$(document).ready(function(){
   	  $(".register").mouseover(function(){
	    $(".register").attr("src", "register1.png");
	});
	  $(".register").mouseleave(function(){
	    $(".register").attr("src", "register.png");
	  });
	});

	$(document).ready(function(){
  	  $(".aboutus").mouseover(function(){
	     $(".aboutus").attr("src", "aboutus1.png");
	});
	  $(".aboutus").mouseleave(function(){
	    $(".aboutus").attr("src", "aboutus.png");
	  });
	});

</script>

</head>
<body>

	<img id="header" src="header.png" width="100%" height="120%" alt="">

	<img id="leftpic" src="left.png" width="100%" height="410px" alt="">
	<img id="rightpic" src="right.png" width="100%" height="410px" alt="" >

<!-- Add the title in here -->
	 
	<div id="btnlogin"><a href=""><img class="login" src="login.png" width="100%" height="35px"alt="" border="0"></a></div>
	<div id="btnhome"><a href="index.html"><img class="home" src="home.png" width="100%" height="35px" alt="" border="0"></a></div>
	<div id="btnnews"><a href="News.html"><img class="news" src="news.png" width="100%" height="35px" alt="" border="0"></a></div>
	<div id="btnregister"><a href="Register.html"><img class="register" src="register.png" width="100%" height="35px" alt="" border="0"></a></div>
	<div id="btnaboutus"><a href="About.html"><img class="aboutus" src="aboutus.png" width="100%" height="35px" alt="" border="0"></a></div>

	<div id="textbox">

<!-- Add all the content in the place of all the <br>-s :) -->


	<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>


<!-- The content ends here! -->


	</div>

	<div class="footer"><img src="footer.png" width="100%" height="100px">
        </div>

</body>